<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset="utf-8">
<title>留存用户使用次数列表</title>
<@fm.header />
<script>
function doSearch(){
	var startYear = $('#startYear').datetimebox('getValue');
	var startMonth = $('#startMonth').datetimebox('getValue');
	var endYear = $('#endYear').datetimebox('getValue');
	var endMonth = $('#endMonth').datetimebox('getValue');
   
    $('#tt').datagrid('load', {    
        mark: $('#mark').val(),
        startTime: startYear + "-" + startMonth,
        endTime: endYear + "-" +endMonth
    });
}
</script>
</head>
<body class="cmp-list-body">
<div id="tb" style="padding:3px">
    <span>Mark:</span>
    <input id="mark" style="line-height:20px;border:1px solid #ccc">
    <span>开始时间:</span>
    <select class="easyui-combobox" id="startYear" panelHeight="auto" style="width:155px" >
    			<option value="" >请选择</option>
	            <option value="2017" >2017</option>
	        	<option value="2018" >2018</option>
	        	<option value="2019" >2019</option>
	        	<option value="2020" >2020</option>
	        	<option value="2021" >2021</option>
	 </select>
	 <select class="easyui-combobox" id="startMonth" panelHeight="auto" style="width:155px" >
	 			<option value="" >请选择</option>
	            <option value="01" >01</option>
	        	<option value="02" >02</option>
	        	<option value="03" >03</option>
	        	<option value="04" >04</option>
	        	<option value="05" >05</option>
	        	<option value="06" >06</option>
	        	<option value="07" >07</option>
	        	<option value="08" >08</option>
	        	<option value="09" >09</option>
	        	<option value="10" >10</option>
	        	<option value="11" >11</option>
	        	<option value="12" >12</option>
	 </select>
	 <span>结束时间:</span>
    <select class="easyui-combobox" id="endYear" panelHeight="auto" style="width:155px" >
    			<option value="" >请选择</option>
	            <option value="2017" >2017</option>
	        	<option value="2018" >2018</option>
	        	<option value="2019" >2019</option>
	        	<option value="2020" >2020</option>
	        	<option value="2021" >2021</option>
	 </select>
	 <select class="easyui-combobox" id="endMonth" panelHeight="auto" style="width:155px" >
	 			<option value="" >请选择</option>
	            <option value="01" >01</option>
	        	<option value="02" >02</option>
	        	<option value="03" >03</option>
	        	<option value="04" >04</option>
	        	<option value="05" >05</option>
	        	<option value="06" >06</option>
	        	<option value="07" >07</option>
	        	<option value="08" >08</option>
	        	<option value="09" >09</option>
	        	<option value="10" >10</option>
	        	<option value="11" >11</option>
	        	<option value="12" >12</option>
	 </select>
    <a href="#" class="easyui-linkbutton" iconCls="icon-search" plain="true" onclick="doSearch();">查询</a> 
    
</div>
<table id="tt" class="easyui-datagrid" title="留存用户使用次数列表" iconCls="icon-save" 
	url="/retent/imsi/use/count/listJson" toolbar="#tb" rownumbers="true" idField="id"
	singleSelect="true" pagination="true" fitColumns="true" pageSize="15" pageList="[15,30,60,80,100]"> 
    <thead>
        <tr>
            <th align="center" width="35%" field="mark">Mark</th>
            <th align="center" width="25%" field="month">月</th>
            <th align="center" width="10%" field="countName">使用情况</th>
            <th align="center" width="10%" field="countValue">次数</th>
        </tr>
    </thead>   
</table>
</body>
</html>